

var app = getApp();

//Component Object
Component({
    properties: {
        // 左侧按钮文字
        leftTitle: {
            type: String,
            value: ''
        },
        // 左侧按钮图片
        leftImg: {
            type: String,
            value: "../../src/img/home/back.png"
        },
        // 中间标题
        title: {
            type: String,
            value: ''
        },
        // 右侧按钮文字
        rightTitle: {
            type: String,
            vaule: ''
        },
        // 右侧按钮图片
        rightImg: {
            type: String,
            value: ''
        },
        // 导航条背景色
        bgColor: {
            type: String,
            value: '#FFB6C1'
        }

    },
    data: {
        customNavBarHeight: 0, // 自定义导航条高度
        customNavigationHeight: 0, //自定义导航栏高度(自定义导航条+状态栏)
        menuBtnRect: app.globalData.menuBtnRect, // 胶囊的rect

    },
    methods: {

        //****************************************************** 外部方法 ******************************************************//
        // 左侧按钮点击事件
        _leftItemClick: function () {
            this.triggerEvent("navAction", { tag: 'left' }) //事件监听
        },
        // 右侧按钮点击事件
        _rightItemClick: function () {
            this.triggerEvent("navAction", { tag: 'right' }) //事件监听
        },

        //****************************************************** 内部方法 ******************************************************//
        /** 计算自定义导航条高度 */
        _getNavBarHeight: function () {
            let sysStatusBarHeight = app.globalData.sysStatusBarHeight; //状态栏高度
            let menuBtnTop = app.globalData.menuBtnRect.top; //胶囊菜单到顶部高度
            let menuBtnHeight = app.globalData.menuBtnRect.height; //胶囊的高度
            let menuBtnMarginToStatusBanBottom = menuBtnTop - sysStatusBarHeight; //胶囊顶部到状态栏底部的外边距

            let customNavBarHeight = menuBtnMarginToStatusBanBottom * 2 + menuBtnHeight; //计算自定义导航条高度
            let customNavigationHeight = customNavBarHeight + sysStatusBarHeight; //计算自定义导航栏高度
            this.setData({ customNavBarHeight: customNavBarHeight, customNavigationHeight: customNavigationHeight })
            // console.log("=======> 自定义导航栏高度:" + customNavigationHeight)
        }
    },
    created: function () {

    },
    attached: function () {

    },
    ready: function () {
        // 1. 计算自定义导航的高度
        this._getNavBarHeight()

    },
    moved: function () {

    },
    detached: function () {

    },



});